<html>
<body>
	<link rel="stylesheet" href="css/ui.css" type="text/css" media="all"></link>
	<link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" type="text/css" media="all"></link>
</body>
<head>
<div id="mainContainer">
	<div id="menuBar">
		<div id="patentNumber" class="menuItem">Patent Number</div>
		<div id="publicationDate" class="menuItem">Publication Date</div>
		<div id="inventor" class="menuItem">Inventor</div>
	</div>
	<div id="operationalArea">
	
	</div>
	<div class="clear"/>
</div>

<div class="patentNumberModule" style="display: none;">
	<div class="pnModule-header">
		<span>PatentNumber</span>
		<span class="delete-icon">X</span>
	</div>
	<div class="pnModule-body">Configuration</div>
</div>

<div class="publicationDateModule" style="display: none;">
	<div class="pnModule-header">
		<span>Publication Date</span>
		<span class="delete-icon">X</span>
	</div>
	<div class="pnModule-body">
		<div><input type="text" size="20" /></div>
	</div>
</div>

<div class="inventorModule" style="display: none;">
	<div class="pnModule-header">
		<span>Inventor</span>
		<span class="delete-icon">X</span>
	</div>
	<div class="pnModule-body">Configuration</div>
</div>

<ul class="context-menu">
	<li class="context-menu-title">Menu Title</li>
	<li>Delete All</li>
</ul>

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.rightClick.js"></script>
<script type="text/javascript" src="js/ui.js"></script>
</head>
</html>